<template>
    <div>
        <my-slot-cpn>
            <button>按钮</button>
        </my-slot-cpn>

        <my-slot-cpn>
            <my-button></my-button>
        </my-slot-cpn>

        <my-slot-cpn></my-slot-cpn>
        <!-- 如果插槽插入了很多内容,那么就会全部被替换 -->
        
    </div>
</template>

<script>
    import MySlotCpn from './MySlotCpn.vue';
    import MyButton from './MyButton.vue';

    export default {
        components: {
            MySlotCpn,
            MyButton
        }
            
    }
</script>

<style scoped>

</style>